import { TrophyOutlined } from '@ant-design/icons';
import { Typography } from 'antd';
const { version } = require('../../package.json');

function About() {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', padding: '100px 0' }}>
      <TrophyOutlined style={{ fontSize: '40px' }} />
      <br />
      <Typography.Title level={3}>一元™</Typography.Title>
      <br />
      <Typography.Text>基于V8引擎和Chromium内核浏览器设计</Typography.Text>
      <Typography.Text>前端框架版本: {window.MP.version}</Typography.Text>
      <Typography.Text>基础包版本: {version}</Typography.Text>
      <Typography.Text>antd版本: {window.antd.version}</Typography.Text>
    </div>
  );
}

export default About;